import React, { Component } from 'react';
import {
  ScrollView, Image, Text,
} from 'react-native';

class MyComponent extends Component {
  render() {
    return (
      <ScrollView>
        <Text style={{ fontSize: 30 }}>Scroll me plz</Text>
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Text style={{ fontSize: 30 }}>If you like</Text>
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Text style={{ fontSize: 30 }}>Scrolling down</Text>
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Text style={{ fontSize: 30 }}>What's the best</Text>
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Text style={{ fontSize: 30 }}>Framework around?</Text>
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Image source={{ uri: 'https://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png', width: 64, height: 64 }} />
        <Text style={{ fontSize: 30 }}>React Native</Text>
      </ScrollView>
    );
  }
}

export default MyComponent;
